<template>
  <div>
    <div>
      <el-tabs v-model="type" type="card" @tab-click="handleClick()">
        <el-tab-pane label="教师部门" name="2"> </el-tab-pane>
        <el-tab-pane label="学生部门" name="1"></el-tab-pane>
      </el-tabs>
      <Manage ref="manage" />
    </div>
  </div>
</template>

<script>
import Manage from "./manage.vue";

export default {
  data() {
    return {
      type: "2",
    };
  },
  components: {
    Manage,
  },
  methods: {
    handleClick() {
      this.$refs.manage.type = this.type;
    },
  },
};
</script>
